*{
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
}

body {
    background-color: #F5E2C8 ;
    font-family: Arial, Helvetica, sans-serif;

    margin: 0;
}

img {
 width: 100%;
 height: auto;
}
a#logo {
 background-color: #ffffff;
 display: block;
 width: 7em; 
}

header{
    background-color: #17255A;
 }

 .contenedorheader {
    display: grid;
    grid-template-columns: 7rem 1fr;
    gap: 1rem;
    align-items: center;
    max-width: 75rem;
    margin-inline: auto;
    padding: 3rem;
 }


 main {
    width: 100%;
 }

 .contenedor {
    max-width: 65rem;
    margin-inline: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 2em;
    padding-left: 2em;
 }

header nav ul li a {
    background-color: #D88373;
    color: hsl(0, 0%, 100%);
    display: block;
    padding-block: .5em .5em; 
    text-align: center;
    border-radius: 100vw; 
}
.vm03 {
    background-color: #F0B7B3;
    color: hsl(0, 0%, 100%);
    display: block;
    padding-block: .5em .5em; 
    text-align: center;
    border-radius: 100vw; 
}
header nav ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr));
    gap: .5rem;
    width: min(100%, 30rem);
    margin-inline-start: auto;
}
header span a img {
    background-color: #ffffff;
    width: 10em;
    height: auto ;
}

main section div p {
    color: #ffffff;
}
.logo {
    display: block;
    width: 100%;
}
main section ul li a {
    color: #ffffff;
}
main section ul li p {
    color: #ffffff;
}
.titulos{
    background-color: #17255A;
    padding-left: 1em;
    color: hsl(0, 0%, 100%);
    display: block;
    padding-block: .3em .3em; 
    border-radius: .2em;
    margin-top: 1rem;
    
}
ul {
    list-style: none;
}
a {
    color: black;
    text-decoration: none;
}
p{
    margin-top: 1rem;
}
.leymicaela {
    padding: 2em;
    background-color: #D88373;
    margin-top: 1rem;
    padding-left: 1em;
    color: hsl(0, 0%, 100%);
    display: flex;
    border-radius: 1em;
    justify-items: start;
    gap: 1rem;
}

#micaela {
    width:50em;
}
.datosacademicos{
    background-color: #17255A;
}
.academia {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 0.5rem;
    padding-inline-start: 0%;
    margin-top: 1rem;
}

.logos {
    padding: 3em;
    background-color: #ffffff;
    color: hsl(0, 0%, 0%);
    padding-block: 2em 2em;
    border-radius: 1rem;
}
main section ul div p {
    color: #000000;
}
.imghtml2 {
    width: auto;
    height: 5em ;
}
.nosotros{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: 1em;
    padding-inline-start: 0;
    width: min(100%, 20rem);
    margin-top: 1rem;
}
.rotulos {
    padding: 1em;
    background-color: #D88373;
    display: block; 
    text-align: center;
    align-items: center;
    justify-items: center;
    border-radius: 1em;
}
.pagpersonal{
    background-color:#17255A ;
    color: #ffffff;
    text-align: center;
    display: block;
    padding-block: .3em .3em; 
    text-align: center;
    align-items: center;
    border-radius: 2vw;

}
footer{
    background-color: #17255A;
    color: #ffffff;
    gap: 1rem;
    align-items: center;
    width: 100%;
}
.arquetipo {
    width: 25em;
    margin-top: 1em;
    grid-template-columns: repeat(auto-fit, minmax(40em, 1fr));
}
 
.mock {
    width: 10rem;
}

.contenido {
    background-color: #D88373;
    padding: 2em;
    display: block;
    padding-block: .3em .3em; 
    justify-items: center;
    align-items: center;
    border-radius: 1vw;
}
.imgplan {
    display:flex;
    grid-template-columns: repeat(auto-fit, minmax(0.5rem, 1fr));
    gap: 1rem;
    align-items: center;
    
}
.contenidoplan {
    padding: 2em;
    background-color: #D88373;
    border-radius: 1em; 
    padding: 1em;
    align-items: center;
    margin: 1em;
}

.infoequipo {
    margin-block-start: .5em;
    margin-block-end: .5em;
}
.rotulo2 {
    width: 10em;
    justify-items: center;
}